<template>
    <div class="home-lconlist">
        <div>
            <p class="iconfont" style="font-size: 30px;">&#xe7dc;</p>
            <span>每日推荐</span>
        </div>
        <div>
            <p class="iconfont" style="font-size: 24px;">&#xe7f1;</p>
            <span>私人</span>
        </div>
        <div>
            <p class="iconfont" style="font-size: 24px;">&#xe815;</p>
            <span>歌单</span>
        </div>
        <div>
            <p class="iconfont" style="font-size: 24px;">&#xe806;</p>
            <span>排行榜</span>
        </div>
    </div>
</template>



<style lang="less" scoped>
.home-lconlist {
    margin-top: 0.3rem;
    width: 100%;
    height: 2rem;
    justify-content: space-around;
    display: flex;
    align-items: center;


    div {
        width: 25%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        line-height: 1rem;
        text-align: center;

        p {
            width: 1rem;
            height: 1rem;

            .iconfont {
                font-size: 24px;
            }
        }
    }
}
</style>